@charset "utf-8";
.h-logo{padding:15px 0;}
.h-logo img{display:block; margin:0 auto}

.m-nav{padding:9px 0}
.m-nav dl{display: -webkit-flex;display: -ms-flexbox;display: flex;
-webkit-justify-content:center;-ms-justify-content:center; justify-content:center;
-webkit-align-items:center;  -ms-align-items:center;align-items:center;}
.m-nav dl a{
	display:inline-block;
	text-align: center;
	width: 100%;
}
.m-nav dl a.curr,.m-nav dl a:hover{color:#e2001a}
.m-nav dl  li{
	display:inline-block; 
	text-align:center; 
	height:32px; 
	font-size: 14px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content:space-between;
	-ms-justify-content:space-between; 
	justify-content:space-between;
	-webkit-align-items:center;  
	-ms-align-items:center;
	align-items:center; 
	padding:0 3px;
}
.m-nav dl  li input{height:100%; border:none; }
.m-nav dl  li button{color:#1E1E1E; height:100%; border:none; line-height:32px}

.nav-desc-wrap{
	line-height: 32px;
	font-size: 14px;
	color: rgb(112,113,115);
	padding:0 10px 20px;
	width: 100%;
	box-sizing: border-box;
	text-align: justify;
}

.nav-desc-wrap>.description{
	padding: 10px;
	background: rgb(241,241,241);
}

.m-title i{font-size:80%; color:#dc3b47; display:inline-block; padding-right:10px}
.m-title span{ 
	/*color:rgb(26,23,27); */
	color:rgb(112,113,115);
	font-size:14px;
	font-weight: 700;
}

.m-title span a{
	cursor: pointer;
}

.m-title span a:hover{
	color: rgb(117,117,117);
}

.m-title a .cur_crumbs{
	/*color: rgb(230,0,18);*/
	color: rgb(26,23,27);
}

.m-connt{display: -webkit-flex;display: -ms-flexbox;display: flex;
-webkit-justify-content:space-between;-ms-justify-content:space-between; justify-content:space-between;
-webkit-align-items:flex-start;  -ms-align-items:flex-start;align-items:flex-start;}
.m-connt .left {width:15%}
.m-connt .left dt a{
	padding:15px 10px; 
	display:block; 
	background:#f2f2f2; 
	/*margin-bottom:10px*/
}
.m-connt .left dt>a{
	background:rgb(241,241,241);
	color: rgb(112,113,115);
	/*color: rgb(26,23,27);*/
	font-size: 14px;
	font-weight: 700; 
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content:center;
	-ms-justify-content:center; 
	justify-content:center;
	-webkit-align-items:center;  
	-ms-align-items:center;
	align-items:center; 
	cursor: pointer;
	transition: all 0.35s;
	-ms-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-webkit-transition: all 0.35s;
	-o-transition: all 0.35s;
	position: relative;
	overflow: hidden;
}

/*.m-connt .left dt>a:before{
	content: "";
	position: absolute;
	bottom: 0;
	width: 0;
	height: 2px;
	background:rgb(226,0,26); 
	transition: all 0.35s;
}*/

/*.m-connt .left dt>a:before{
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 0;
	height: 0;
	border-left:2px solid rgb(226,0,26); 
	border-bottom: 2px solid rgb(226,0,26); 
	transition: all 0.35s;
}

.m-connt .left dt>a:after{
	content: "";
	position: absolute;
	top: 0;
	right: -2px;
	width: 0;
	height: 0;
	border-right:2px solid rgb(226,0,26); 
	border-top: 2px solid rgb(226,0,26); 
	transition: all 0.35s;
}*/

/*.m-connt .left dt>a:hover{
	background: #fafbfc;
	color: rgb(226,0,26);
}*/

.m-connt .left dt>a:hover{
	background: rgb(211,211,211);
	color: rgb(26,23,27);
}

/*.m-connt .left dt>a:hover:before{
	width: 100%;
	height: 100%;
	bottom: 0;
}

.m-connt .left dt>a:hover:after{
	width: 100%;
	height: 100%;
	right: 0;
}*/

.m-connt .left dt li {display:none}
.m-connt .left dt>a i{display:inline-block;-webkit-transition:all ease 0.4s; -ms-transition:all ease 0.4s;  transition:all ease 0.4s; }


.m-connt .left dt.curr>a{
	background: rgb(211,211,211);
	color: rgb(26,23,27);
	/*color: rgb(226,0,26);*/
	/*color: rgb(252,252,252);*/
	
	/*text-shadow: 0 0 3px rgb(112,113,115);*/
	/*border: 1px solid rgb(226,0,26);*/

}

/*.m-connt .left dt.curr>a:before{
	width: 100%;
	height: 100%;
	bottom: 0;
}

.m-connt .left dt.curr>a:after{
	width: 100%;
	height: 100%;
	right: 0;
}*/

/*.m-connt .left dt.curr>a:before{
	width: 100%;
}*/


.m-connt .left dt.curr li{display:block}

.m-connt .left  dt.curr>a i{ -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg);transform:rotate(90deg)}


.des-content{
	align-items: center;
}

.des-content .des-content-left{
	padding:0 10px;
	box-sizing: border-box;
}

.des-content .des-content-left img{
	width: 100%;
}

.des-content .des-content-right{
	min-height: 84px;
}

.m-connt .right  {
	display: -webkit-flex;display:
	 -ms-flexbox;display: flex;
-webkit-justify-content:flex-start;
-ms-justify-content:flex-start; 
justify-content:flex-start;
-webkit-align-items:center;  
-ms-align-items:center;
align-items:center;
-webkit-flex-wrap:wrap; 
-ms-flex-wrap:wrap;
flex-wrap:wrap; 
-webkit-flex:1; 
-ms-flex:1;
flex:1; 
padding-left:10px}
.m-connt .right  dt {
	width: 33%;
    padding: 0 0 10px 10px;
    box-sizing: border-box;
}

.m-connt .right  dt p{
	font-family:  Arial,"Microsoft Yahei";
}
.m-connt .right  dt img{ width:100%; display:block; height:100%}
.m-connt .right  dt li.prd_thum_item{
	position:relative; 
	height:255px;
	/* height: auto; */
	overflow: hidden;
	cursor: pointer;
	background: rgb(26,23,27);
}

.m-connt .right  dt li img{
	/* opacity: 0.95; */
	/* filter: alpha(opacity=95); */
	transition: all 0.35s;
	-ms-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-webkit-transition: all 0.35s;
	-o-transition: all 0.35s;

}

.m-connt .right  dt li .item-mask{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 1em;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	text-transform: uppercase;
	z-index: 999;
}

.m-connt .right  dt li .item-mask .desc{
	color: #ffffff;
	line-height: 30px;
	font-size: 12px;
	font-weight: 700;
	padding: 20px;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.35s;
	-moz-transition: all 0.35s;
	-webkit-transition: all 0.35s;
	-ms-transition: all 0.35s;
	-o-transition: all 0.35s;
}

.m-connt .right  dt li.prd_thum_item:hover .item-mask .desc{
	opacity: 1;
	filter: alpha(opacity=100);
}

.m-connt .right  dt li .item-mask .desc .more{
	padding: 4px 6px;
	border: 1px solid rgb(187,187,187);
	color: rgb(187,187,187);
	border-radius: 6px;

}

.m-connt .right  dt li .item-mask .desc .more:hover{
	border: 1px solid rgb(255,255,255);
	color: rgb(255,255,255);
}



.m-connt .right  dt li.prd_thum_item:hover img{
	opacity: 0.2;
	filter: alpha(opacity=20);
	transform: scale3d(1.05,1.05,1);
	-ms-transform: scale3d(1.05,1.05,1);
	-webkit-transform: scale3d(1.05,1.05,1);
	-o-transform: scale3d(1.05,1.05,1);
	-moz-transform: scale3d(1.05,1.05,1);
}


.m-connt .right  dt li.prd_thum_item:hover .item-mask{
	background-color: rgba(58,52,42,0);
}

/*.m-connt .right  dt li a{
	width:100%; height:100%; 
	position:absolute; 
	left:0; 
	top:-200px; 
	background:rgba(0,0,0,0.5); 
	color:rgba(255,255,255,0);
	text-align:center; 
	line-height:0;
	-webkit-transition:
	all ease 0.4s; 
	-ms-transition:all ease 0.4s;  
	transition:all ease 0.4s; 
	opacity:0; 
	z-index:-10
}
.m-connt .right  dt  li:hover a{ 
	opacity:1; 
	top:0; 
	z-index:2;
	color:rgba(255,255,255,0.6); 
	line-height:150px
}*/


/*手机端二级导航滑动---start---*/
#subNavWrapMobile{
	display: none;
	position: relative;
    height: 1rem;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    background: rgb(247,246,248);
    /*border-bottom: 1px solid rgb(112,113,115);*/
}

#subNavWrapMobile .scroller{
	position: absolute;
}

#subNavWrapMobile .scroller li{
	height: 1rem;
    color: rgb(62,58,57);
    float: left;
    line-height: 1rem;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

#subNavWrapMobile .scroller li a{
	color: rgb(62,58,57);
    display: block;
    height: 100%;
    box-sizing: border-box;
    margin: 0 .3rem;
    padding: 0 .3rem;
}

#subNavWrapMobile .scroller li.cur a{
	color: rgb(226,0,26);
	border-bottom: 2px solid rgb(226,0,26);
	
}

/*手机端二级导航滑动----end--*/

.m-connt .right  dt p{line-height:3;text-align: center;font-size: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.m-page{display: -webkit-flex;display: -ms-flexbox;display: flex;
-webkit-justify-content:center;-ms-justify-content:center; justify-content:center;
-webkit-align-items:center;  -ms-align-items:center;align-items:center; padding:15px 0}
.m-page a{width:30px; line-height:30px; display:inline-block;  border-radius:50%; font-size:120%; text-align:center; margin:0 10px;-webkit-transition:all ease 0.4s; -ms-transition:all ease 0.4s;  transition:all ease 0.4s; color:#5c5c5c}
.m-page a.curr,.m-page a:hover{background:#5c5c5c; color:rgba(255,255,255,0.9);}


.f-foot{background:#f7f8f8; border-top:1px solid #eaeaea}
.f-foot .main{display: -webkit-flex;display: -ms-flexbox;display: flex;
-webkit-justify-content:space-between;-ms-justify-content:space-between; justify-content:space-between;
-webkit-align-items:flex-start;  -ms-align-items:flex-start;align-items:flex-start; padding:25px 0px;-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap;flex-wrap:wrap;}

.f-foot .main{
	max-width: 840px;
}

.f-foot .main dt{
	width: 180px;
	margin: 0 50px;
}

.f-foot .main dt li a{
	line-height: 24px; 
}
.f-foot .main dt li a:hover{
	text-decoration: underline;
}

.back-top{
		height: 90px;
		width: 90px;
		margin: auto;
}

.f-foot .main h3{
	border-bottom: 1px solid #b5b5b5;
    font-size: 15px;
    line-height: 32px;
    margin-bottom: 10px;
    font-weight: 400;
}

.f-foot .main dd{
	display: none;
}

.f-foot .main a{display:block; line-height:2.3}
.f-foot .main li a,.f-foot .main dd p{color:#727171; font-size:12px}
.f-foot .main dd li{padding:8px 0}
.f-foot .main dd input{background:#eaeaea; border:none; height:30px; padding:0 3px}
.f-foot .main dd button{ width:30px; text-align:center; line-height:30px; background:#595757; border:none}
.f-foot .main dd  img{display:inline-block; height:23px; padding:0 5px}
.f-foot .main dd  div{padding:5px 0}
.f-foot>p{line-height:3.6; background:#272727; text-align:center; color:rgba(255,255,255,0.8); font-size:80%}

.swiper-container{width:100%;}
.swiper-slide{background-size:cover;background-position:center}
.gallery-top{width:100%}
.gallery-thumbs{height:100%;box-sizing:border-box;padding:10px 0;}
.m-thumbs{
	position:absolute;  
	height:100px; 
	background:rgba(0,0,0,0.5); 
	padding:0 20%; 
	bottom: 0;
	width: 100%;
	z-index:500;
	box-sizing: border-box;
}
.gallery-thumbs .swiper-slide{
	height:100%;
	opacity:.4;
	filter: alpha(opacity=40);
}
.gallery-thumbs .swiper-slide-active{
	opacity:1;
	filter: alpha(opacity=100);
}

.m-top-back{
	width:70px; 
	height:70px; 
	background:#3a3838; 
	color:rgba(255,255,255,0.85); 
	display: inline-block;
	line-height: 70px;
	text-align:center; 
	border-radius: 35px;
	font-size:30px;
}
@media only screen and (max-width:1100px) and (min-width:800px) {
.main{ width:100%; padding:0 5px; box-sizing:border-box}

.m-connt .right dt{width:32.5%}
/*.swiper-container{height:300px}*/
/*.m-thumbs{height:80px; top:-80px}*/
.gallery-thumbs{height:100%;}
}
@media only screen and (max-width:800px) and (min-width:300px) {
body{font-size:12px}	
.main{ width:100%}
.m-nav dl li{display:none}
.m-connt .right dt{width:100%}
.m-nav dl a{padding:0 1%}
.h-logo img{width:60%}
.m-title{
	font-weight: 700;
	position:relative; 
	top:-20px; 
	padding-left:2%
}
.f-foot .main{padding:2%; box-sizing:border-box}
.f-foot .main dt{width:33.33%}
.f-foot .main dd{ width:50%}
.swiper-container{height:100px}
.m-thumbs{height:40px; top:-40px}
.gallery-thumbs{height:100%;}


}


@media (max-width:767px){
	.m-connt{
		display: block;
	}
	.m-connt .left{
		width: 100%;
		display: none;
	}

	.m-title{
		display: none;
	}

	#subNavWrapMobile{
		display: block;
	}

	.m-connt .right{
		display: block;
		padding: 0;
		margin-top:15px; 
	}

	.m-connt .right dt li.prd_thum_item{
		height: auto;
		width: 100%;
	}

	.f-foot .main{
		padding: 0 15px;
		margin-top: 20px;

	}
	.f-foot .back-top{
		display: none;
	}
	.f-foot .main dt{
		width: 100%;
		margin:0 30px;
		margin-bottom: 10px;	
	}
}